import React from 'react'
import ReactDOM from 'react-dom'
import img from './images/img.png'

import('./styles/index.css')

class ImageComponent extends React.Component {
  render() {
    return <div>
      <h1>嘿嘿嘿</h1>
      <div
        className="info"
        style={{
          userSelect: 'none',
          padding: '24px',
          border: '1px solid #efefef',
          width: '80px',
          display: 'flex',
          flexDirection: 'column',
          alignItems: 'center'
        }}
      >
        <div className="avater">
          <img src={img} alt="image"/>
        </div>
        <div className="nick-name">宇宙机吴彦祖</div>
      </div>
    </div>
  }
}

ReactDOM.render(
  <ImageComponent/>,
  document.getElementById('app')
)

